<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta http-equiv="Expires" content="0">
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <title>登录</title>
    <link rel="shortcut icon" href="${pageContext.request.contextPath}/images/favicion.ico">
    <link href="${pageContext.request.contextPath}/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/materialdesignicons.min.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/style.min.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/login.css">
    <style>
        body {
            display: -webkit-box;
            display: flex;
            -webkit-box-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            align-items: center;
            height: 100%;

        }
        .login-box {
            display: table;
            table-layout: fixed;
            overflow: hidden;
            max-width: 700px;

        }
        .login-left {
            display: table-cell;
            position: relative;
            margin-bottom: 0;
            border-width: 0;
            padding: 45px;
            /*background: #e3fce8 !important;*/
        }
        .login-left .form-group:last-child {
            margin-bottom: 0px;
        }
        .login-right {
            display: table-cell;
            position: relative;
            margin-bottom: 0;
            border-width: 0;
            padding: 45px;
            width: 50%;
            max-width: 50%;
            /*background: #67b26f!important;*/
            /*background: -moz-linear-gradient(45deg,#67b26f 0,#4ca2cd 100%)!important;*/
            /*background: -webkit-linear-gradient(45deg,#67b26f 0,#4ca2cd 100%)!important;*/
            /*background: linear-gradient(45deg,#67b26f 0,#4ca2cd 100%)!important;*/
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67b26f', endColorstr='#4ca2cd', GradientType=1 )!important;
        }
        .login-box .has-feedback.feedback-left .form-control {
            padding-left: 38px;
            padding-right: 12px;
        }
        .login-box .has-feedback.feedback-left .form-control-feedback {
            left: 0;
            right: auto;
            width: 38px;
            height: 38px;
            line-height: 38px;
            z-index: 4;
            color: #dcdcdc;
        }
        .login-box .has-feedback.feedback-left.row .form-control-feedback {
            left: 15px;
        }
    </style>
</head>



<!--<body style="background-image: url(../../images/login-bg-2.jpg); background-size: cover;">-->
<body style="background-image: url(${pageContext.request.contextPath}/images/login-b-1.jpg); background-size: cover;">

<div class="bg-translucent p-10" >
    <div class="login-box bg-white clearfix">
        <div class="login-left">
            <form action="${pageContext.request.contextPath}/dologin" method="post">
                <div class="form-group has-feedback feedback-left">
                    <input type="text" placeholder="请输入您的用户名" class="form-control" name="username" id="username" />
                    <span class="mdi mdi-account form-control-feedback" aria-hidden="true"></span>
                </div>
                <div class="form-group has-feedback feedback-left">
                    <input type="password" placeholder="请输入密码" class="form-control" id="password" name="password" />
                    <span class="mdi mdi-lock form-control-feedback" aria-hidden="true"></span>
                    <p id="error" style="color: red;display: none" >密码或手机号错误</p>
                </div>
                <div class="form-group">
                    <input  class="btn btn-block btn-primary" type="submit" id="loginButton" value="立即登录" />
                </div>
                <div class="form-group">
                    <p>还没有账号？<a href="${pageContext.request.contextPath}/toRegister" >去注册</a></p>
                </div>
            </form>
        </div>
        <div class="login-right">
            <img src="${pageContext.request.contextPath}/images/logo-fh-1.png" width="100px" height="100px" style="margin-left: 60px;">
            <p style="	width: 124px;height: 41px;font-family: AppleSystemUIFont;font-size: 31px;font-weight: normal;font-stretch: normal;line-height: 41px;
            letter-spacing: 0px;color: #ffffff;margin-left: 85px;">速影</p>
            <p class="text-white m-tb-15">速影影院</p>
            <div class="text-white">Copyright © 2021 <a href="" style="color: #1c1e2f">速影影院</a>. All right reserved</div>
        </div>
    </div>
</div>

</body>
</html>

